<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>音乐世界</title>
  <link rel="stylesheet" th:href="@{//at.alicdn.com/t/c/font_3701801_12u2357o4ba.css}">
  <link rel="stylesheet" th:href="@{/css/sidebar.css}">
  <link rel="stylesheet" th:href="@{/css/music.css}">
</head>
<body>

<nav class="sidebar close">
  <header>
    <div class="user-info">
                <span class="image">
                    <img th:src="@{/img/tx.JPG}" alt="">
                </span>
      <div class="text nickname">
        <span class="name">[[${session.name}]]</span>
        <span class="identity" th:text="${session.identity}">图书管理员</span>
      </div>
    </div>

    <i class="toggle iconfont icon-xiangyou1"></i>
  </header>

  <div class="menu-bar">
    <div class="menu">
      <li class="search-box">
        <i class="iconfont icon-sousuo icon"></i>
        <input type="text" placeholder="搜你想要">
      </li>
      <ul class="menu-links">
        <li class="nav-link">
          <a th:href="@{/admin/home}">
            <i class="iconfont icon-home icon"></i>
            <span class="text nav-text">回到主页</span>
          </a>
        </li>
        <li class="nav-link">
          <a th:href="@{/admin/userManage}">
            <i class="iconfont icon-yonghuguanli icon"></i>
            <span class="text nav-text">用户管理</span>
          </a>
        </li>
        <li class="nav-link">
          <a th:href="@{/admin/bookManage}">
            <i class="icon iconfont icon-tubiaozhizuomoban-37"></i>
            <span class="text nav-text">图书管理</span>
          </a>
        </li>
        <li class="nav-link">
          <a th:href="@{/admin/problemManage}">
            <i class="icon iconfont icon-guizeguanli"></i>
            <span class="text nav-text">反馈管理</span>
          </a>
        </li>
        <li class="nav-link">
          <a th:href="@{/admin/approval}">
            <i class="icon iconfont icon-shenpijieyue"></i>
            <span class="text nav-text">审批借阅</span>
          </a>
        </li>
        <li class="nav-link">
          <a th:href="@{/admin/adminManage}">
            <i class="iconfont icon icon-guanliyuan"></i>
            <span class="text nav-text">管理员管理</span>
          </a>
        </li>
        <li class="nav-link">
          <a href="#">
            <i class=" icon iconfont icon-aixin1"></i>
            <span class="text nav-text">特别关心</span>
          </a>
        </li>
        <li class="nav-link">
          <a th:href="@{/admin/music}">
            <i class="icon iconfont icon-yinle"></i>
            <span class="text nav-text">音乐</span>
          </a>
        </li>

      </ul>
    </div>

    <div class="bottom-content">
      <li>
        <a th:href="@{/logout}">
          <i class="icon iconfont icon-tuichu"></i>
          <span class="text nav-text">退出登录</span>
        </a>
      </li>
      <li class="mode">
        <div class="sun-moon">
          <i class="icon iconfont icon-a-icon_wananyueliangshuimian moon"></i>
          <i class="icon iconfont icon-taiyang-copy sun"></i>
        </div>
        <span class="mode-text text">夜间模式</span>
        <div class="toggle-switch">
          <span class="switch"></span>
        </div>
      </li>
    </div>
  </div>
</nav>
<section class="home">

  <h1>听歌放松一下吧</h1>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">
  <script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
  <div id="aplayer" class="aplayer" data-autoplay="true"  data-id="2182683172" data-server="netease" data-type="playlist" data-listfolded="true" data-order="random" data-theme="#F58EA8" ></div>
  <script src="https://unpkg.com/meting@1.2.0/dist/Meting.min.js"></script>

</section>




</body>
<script th:src="@{/script/sidebar.js}"></script>
</html>